<template>
  <div class="richtext" :style="{ background: datas.backColor }">
    <img
      draggable="false"
      src="../../../assets/images/fwb.png"
      alt=""
      v-if="!datas.myValue.length"
    />
    <view style="background:#FFF; padding:20rpx;" v-else v-html="datas.myValue" />

<!--    <view v-else style="background:#FFF; padding:20rpx;">-->
<!--      <rich-text :nodes="datas.myValue"  ></rich-text>-->
<!--    </view>-->

<!--    <view v-else style="background:#FFF; padding:20rpx;">-->
<!--      <u-parse :content="datas.myValue"></u-parse>-->
<!--    </view>-->


    <!-- 删除组件 -->
    <slot name="deles" />
  </div>
</template>

<script>
import uParse from '@/components/u-parse/u-parse.vue'

export default {
  components: {
    uParse
  },
  name: 'richtext',
  props: {
    datas: Object,
  },
  // data(){
  //   return {
  //     textValue: ""
  //   }
  // },
  // created() {
  //   this.textValue = "2345";
  // },

  // watch:{
  //   'datas.myValue'(newVal, oldVal){
  //   //
  //   //   this.$set(this.$data, 'textValue', newVal);
  //   //   // this.textValue = newVal;
  //   }
  // }
}
</script>

<style scoped lang="less">
.richtext {
  position: relative;
}
::v-deep img {
  max-width: 100% !important;
  display: block;
}
.richtext {
  position: relative;
  ::v-deep pre {
    white-space: break-spaces;
  }
  ::v-deep p {
    word-break: break-all;
  }
}
</style>
